<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>Extravagant.io - Get Quote</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/>
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <script type="text/javascript" src="js/include_script.js"></script>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link href="css/ie.css" rel="stylesheet" type="text/css">
    <![endif]-->
</head>
<body>
<!--content wrapper-->
<div id="wrapper">
<section>
<div class="container">
<div class="dynamicContent">
<!--content-->
<div class="row mar_b_8" id="quote_padding" style="background: url('img/splash_plane.png') repeat; margin-left:0;">
<form id="form1" method="POST" onsubmit="return WSPValidateForm(this)" action="http://webspamprotect.com/wspform.php" name="wsp_form_5116">
<div class="span3" id="full_name">
    <h2>Get Quote</h2>
    <div class="success" style="display: none;">
        <!-- JS-generated response, this needs to fly in from right -->
    </div>
    <input type="hidden" name="id" value="5116"/>
    <input type="hidden" name="wspid" value="5116"/>
    <label class="name">
        <input type="text" placeholder="Full Name" name="fld1"/>
    </label>
    <label class="email">
        <input type="text" placeholder="Company" name="fld2"/>
    </label>
    <label class="tel">
        <input type="text" placeholder="Website" name="fld4"/>
    </label>
    <label class="tel">
        <input type="text" placeholder="Zip" name="fld5"/>
    </label>
    <label class="tel">
        <input type="text" placeholder="email@domain.com" name="fld6"/>
    </label>
    <label class="tel">
        <input type="text" placeholder="Skype" name="fld7"/>
    </label>
    <div id="colored_background">
        <div class="tel" style="margin-top:-17px;"><br>
            <label>
                <input type="tel" placeholder="Mobile" name="fld8"/>
            </label>
        </div>
        <div style="float:left; margin-left:0px; margin-top:0px;">
            <input type="checkbox" checked id="checkbox-2-1" class="regular-checkbox"/><label for="checkbox-2-1"></label>
        </div>
        <div style="float:right; width:210px; margin-top:0px; height:34px; ">
            <p  >
                Receive new Demos via SMS </div>
    </div>
    <br class="clear">
</div>
<div class="span3" id="get_quote_holder">
    <label class="message">
        <textarea style="width:300px; height:100px;" placeholder="Project Description:" name="fld9"></textarea>
    </label>
    <div id="colored_background1">
        <div class="project_elements" >
            <p style="margin-left:8px; margin-top:8px;">
                Project Elements <span style="font-weight:normal ">(select all that apply)</span>
            </p>
            <br/>
            <div style="margin-top:-25px; ">
                <p style="margin-bottom:0;">

                </p>
            </div>
            <div class="project_elements_holder">
                <div class="project_elements_check">
                    <div>
                        <input type="checkbox" id="mobile_lander" class="regular-checkbox" name="fld10[]" value="Mobile Lander"/>
                        <label for="mobile_lander"></label>
                    </div>
                </div>
                <div class="project_elements_check_info">
                    <p>
                        Mobile Landers
                    </p>
                </div>
                <br class="clear">
            </div>
            <div class="project_elements_holder">
                <div class="project_elements_check">
                    <div>
                        <input type="checkbox" id="smart_form" class="regular-checkbox" name="fld10[]" value="Smart Form"/>
                        <label for="smart_form"></label>
                    </div>
                </div>
                <div class="project_elements_check_info">
                    <p>
                        Smart Form
                    </p>
                </div>
                <br class="clear">
            </div>
            <div class="project_elements_holder">
                <div class="project_elements_check">
                    <div>
                        <input type="checkbox" id="presentation" class="regular-checkbox" name="fld10[]" value="Presentation"/>
                        <label for="presentation"></label>
                    </div>
                </div>
                <div class="project_elements_check_info">
                    <p>
                        Presentation
                    </p>
                </div>
                <br class="clear">
            </div>
            <div class="project_elements_holder">
                <div class="project_elements_check">
                    <div>
                        <input type="checkbox" id="proposal" class="regular-checkbox" name="fld10[]" value="Proposal"/>
                        <label for="proposal"></label>
                    </div>
                </div>
                <div class="project_elements_check_info">
                    <p>
                        Proposal
                    </p>
                </div>
                <br class="clear">
            </div>
            <div class="project_elements_holder">
                <div class="project_elements_check">
                    <div>
                        <input type="checkbox" id="other" class="regular-checkbox" name="fld10[]" value="Other"/>
                        <label for="other"></label>
                    </div>
                </div>
                <div class="project_elements_check_info">
                    <p>
                        Other
                    </p>
                </div>
                <br class="clear">
            </div>
        </div>
    </div>
    <br class="clear">
    <div style="margin-left:6px; width:250px; margin-top:16px;">
        <div style="float:left;">
            <input type="checkbox" id="checkbox-2-4" class="regular-checkbox" name="fld11[]" value="YES"/>
            <label for="checkbox-2-4"></label>
        </div>
        <div style="float:right; width:202px; margin-top:0px; height:44px; ">
            <p >
                I'm interested in Partnership Opportunities
            </p>
        </div>
        <br class="clear">
    </div>
    <br class="clear">
    <div class="btns" id="possition_quote_button">
        <input type="submit" name="submit" class="more btn" value="Get Quote" /> <!-- class="more btn" -->
        <span class="quote_loading" style="display:none;"><img src="img/loading.gif"></span>
        <div class="wsp_form" style="display:none;"><input type="text" name="email" value="" /></div>
        <div class="wsp_form" style="display:none;"><textarea cols="0" rows="0" name="message"></textarea></div>
    </div>

    <script type="text/javascript"><!--
    function WSPValidateForm(wspform) {
        var i=0;
        var validCheckbox=false;
        var validRadio=false;
        var validMultSelect=false;
        var validateEmail = function (email) {
            var emailUser = /^\"?[\w-_\.]*\"?$/;
            var emailDomain = /^[\w-\.]*\.[A-Za-z]{2,4}$/;
            var emailIPAddr = /^\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]$/;
            var emailParts = email.match("^(.+)@(.+)$");
            if (emailParts == null) return false;
            if (emailParts[1] != null ) {
                if (emailParts[1].match(emailUser) == null) return false;
            }
            if (emailParts[2] != null ) {
                if (emailParts[2].match(emailDomain) == null) {
                    if (emailParts[2].match(emailIPAddr) == null) return false;
                }
                return true;
            }
            return false;
        }
        if (wspform.fld1.value == "") {
            alert("Please enter a value for the \"Full Name\" field.");
            wspform.fld1.focus();
            return (false);
        }
        if (wspform.fld2.value == "") {
            alert("Please enter a value for the \"Company\" field.");
            wspform.fld2.focus();
            return (false);
        }
        if (wspform.fld6.value == "") {
            alert("Please enter a value for the \"Email\" field.");
            wspform.fld6.focus();
            return (false);
        }
        if ((wspform.fld6.value != "") && (!validateEmail(wspform.fld6.value))) {
            alert("Please enter a valid email address for the \"Email\" field.");
            wspform.fld6.focus();
            return (false);
        }
        if (wspform.fld8.value == "") {
            alert("Please enter a value for the \"Mobile\" field.");
            wspform.fld8.focus();
            return (false);
        }
        if (wspform.fld9.value == "") {
            alert("Please enter a value for the \"Project Description\" field.");
            wspform.fld9.focus();
            return (false);
        }
        validCheckbox = false;
        for (i=0; i<wspform.elements.length; i++) {
            if (wspform.elements[i].name == 'fld10[]') {
                if (wspform.elements[i].checked) {validCheckbox = true; break;}
            }
        }
        if (!validCheckbox) {
            alert("The \" Elements\" field is required.");
            return (false);
        }
    }
    //--></script>

    <script type="text/javascript"><!--
    var wsp_script = document.createElement('script');
    wsp_script.type = 'text/javascript';
    wsp_script.src = ' http://webspamprotect.com/wspformjs.php?id=5116&amp;v='+(new Date()).getTime();
    document.getElementsByTagName('head')[0].appendChild(wsp_script);
    //--></script>

</div>

</form>
<div class="span3" id="contact_us_info">
    <h2>Contact Info</h2>
    <div id="contact_info_text">
        <p>
            <b>Extravagant Media</b>
        </p>
        <p>
            Canadian Offices:<br> 1 Yonge St. Suite 1801 <br>Toronto, ON<br>Canada M5E 1W7
        </p>
        <p>
            <b>1.844.EXTRAVAGANT</b><br>  &#119;&#101;&#098;&#064;&#101;&#120;&#116;&#114;&#097;&#118;&#097;&#103;&#097;&#110;&#116;&#046;&#105;&#111;
        </p>
        <p>

        </p>
    </div>
</div>
</div>
<div class="bord3">
</div>
</div>
</div>
</section>
</div>
</body>
</html>